<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/tabbar.css" />
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.dtpicker.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">雨情填报</h1>
			<a id="back" href="index.html?tabb_id=gate_tab" class="mui-icon mui-icon-back" style="font-size: 18px;">返回</a>
		</header>

		<div class="mui-content mycontent mui-content-padded">
			<form id="save_form" method="post">
				<div class="mui-input-row">
					<label>设施名称：</label>
					<div class="input-line" id="station">

					</div>
				</div>

				<div class="mui-input-row">
					<label>天气情况：</label>
					<div class="input-line">
						天晴<input type="radio" name="rain_sit" value="1" /> 小雨
						<input type="radio" name="rain_sit" value="2" /> 中雨
						<input type="radio" name="rain_sit" value="3" /> 大雨
						<input type="radio" name="rain_sit" value="4" />
					</div>
				</div>
				<div class="mui-input-row">
					<label>时间：</label>
					<input type="text" id="inputDate" name="date" class="mui-input-clear" placeholder="请选择日期">
				</div>
				<input type="hidden" id="facilities_type" name="facilities_type" value="3" />

				<div class="mui-button-row" style="border: none;">
					<button type="button" onclick="submit_weather()" class="mui-btn mui-btn-warning mui-btn-block" style="height: 40px; padding: 0px;">提交</button>
				</div>
			</form>
		</div>
	</body>
	<script src="./js/mui.min.js"></script>
	<script type="text/javascript" src="js/jquery1x.js"></script>
	<script type="text/javascript" src="js/form_to_json.js"></script>
	<script type="text/javascript" src="js/mui.dtpicker.js"></script>
	<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/appcom.js"></script>

	<script>
		mui.plusReady(function() {
			get_station_list('gate');
		});
		
		//日期选择
		document.getElementById("inputDate").addEventListener("tap", function() {
			var optionsJson = this.getAttribute('data-options') || '{}';
			var options = JSON.parse(optionsJson);
			var picker = new mui.DtPicker(options);
			picker.show(function(rs) {
				/*
				 * rs.value 拼合后的 value
				 * rs.text 拼合后的 text
				 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
				 * rs.m 月，用法同年
				 * rs.d 日，用法同年
				 * rs.h 时，用法同年
				 * rs.i 分（minutes 的第二个字母），用法同年
				 */
				document.getElementById("inputDate").value = rs.text+':00';
				/* 
				 * 返回 false 可以阻止选择框的关闭
				 * return false;
				 */
				/*
				 * 释放组件资源，释放后将将不能再操作组件
				 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
				 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
				 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
				 */
				picker.dispose();
			});
		})
	</script>

</html>